<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
      }
      body{
        background-color: cyan;
      }
      body h2{
        text-align: center;
      }
      .main{
        /* display: flex;
        flex-wrap: wrap;
        justify-content: space-around; */
      }
      .main li a{
        color: black;
      }
    </style>
  </head>
  <body>
    <h2>刘宇林的作业</h2>
    <div class="main">
      
      <li><a href="./8-23/投票/投票.html">8-23 投票练习</a></li>
      <li><a href="./8-30/圆环.html">8-30 圆环练习</a></li>
      <li><a href="./8-30/太极图.html">8-30 太极图练习</a></li>
      <li><a href="./9-1/animation作业1.html">9-1 轮播图</a></li>
      <li><a href="./9-1/animation作业2.html">9-1 加载效果</a></li>
      <li><a href="./9-13/作业.html">9-13 js基础概念</a></li>
      <li><a href="./9-14/作业.html">9-14 js运算符</a></li>
      <li><a href="./9-15/作业.html">9-15 js流程控制</a></li>
      <li><a href="./9-16/作业.html">9-16 js函数</a></li>
      <li><a href="./9-19/作业.html">9-19 数组方法</a></li>
      <li><a href="./9-21/作业.html">9-21 js练习</a></li>
      <li><a href="./9-22/作业.html">9-22 js倒计时</a></li>
      <li><a href="./9-26/刘宇林.md">9-26 js测验</a></li>
      <li><a href="./9-27/js DOM表格作业.html">9-27 DOM动态生成表格</a></li>
      <li><a href="./9-28/选项卡.html">9-28 DOM选项卡</a></li>
      <li><a href="./9-29/小米菜单栏 copy/index.html">9-29 小米菜单</a></li>
      <li><a href="./10-1/富豪榜作业/index.html">10-1 富豪榜作业</a></li>
      <li><a href="./10-9/滑动触摸作业.html">10-9 滑动触摸作业</a></li>
      <li><a href="./10-16/无缝轮播图/index.html">10-16 动态无缝轮播作业</a></li>

    </div>
  </body>
</html>
